@import "../style/variables.less";

.shopping-shoppingCart {
    .shoppingCart();
}

.shopping-shoppingCart,
.shoppingCart {
    @topbar-height    : 40px;
    @settlement-height: 50px;

    .pic {
        padding-right: 0;
        text-align   : left;
        width        : 60px;
        height       : 60px;
        position     : absolute;
        left         : 40px;
    }

    .list-group-item {
        min-height: 80px;

        .icon-ok-sign,
        .icon-circle-blank {
            font-size: 20px;
            color    : @brand-primary;
        }

        button {
            position  : absolute;
            top       : 50%;
            left      : 0;
            margin-top: -14px;
            border    : none;
            background: none;
        }
    }

    .Reduce {
        width           : 50px;
        height          : 50px;
        padding-top     : 8px;
        padding-left    : 12px;
        margin-left     : 8px;
        /*margin-top    : 10px;*/
        border-radius   : 50%;
        font-size       : 24px;
        color           : white;
        background-color: @label-success-bg;
    }

    .Discount {
        width           : 50px;
        height          : 50px;
        padding-top     : 8px;
        padding-left    : 12px;
        margin-left     : 8px;
        /*margin-top    : 10px;*/
        border-radius   : 50%;
        font-size       : 24px;
        color           : white;
        background-color: @label-warning-bg;
    }
}